<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                template="/template/StakeholderTemplate.xhtml">

    <ui:define name="contentInsert">
          <h3>Delete Area from Event</h3>
            <p:layoutUnit position="center" header="Select Show From Event To Remove Area" scrollable="true">
                <h:form id="showUpdateForm">
                    <p:panel id="panel" >
             
                        <h2>Event Information: </h2>
                        <hr/>
                        <h:panelGrid columns="1" border="0">
                            <p:column>
                                <font style="font-weight: bold">Stakeholder:</font>
                                <br/>
                                <h:outputText value = "#{stakeholderPerformanceMB.stakeholderName}" />
                            </p:column>
                            <br/>
                            <p:column>
                                <font style="font-weight: bold">Event:</font>
                                <br/>
                                <h:outputText value = "#{stakeholderPerformanceMB.selectedEvent}" />
                            </p:column>
                        </h:panelGrid>
                        <h:inputHidden value = "#{stakeholderPerformanceMB.selectedEventId}" />
                        <hr/>
                     
                            <p:dataTable value="#{stakeholderPerformanceMB.getAllShow()}" var="shows" rows="5" paginator="true">
                                
                                <p:column>
                                    <f:facet name="header">Show ID</f:facet>
                                    <h:outputText id="showId" value="#{shows.id}" />
                                </p:column>

                                <p:column>
                                    <f:facet name="header">Timing</f:facet>
                                    <h:outputText id="showTiming" value="#{shows.timing}" />
                                </p:column>

                                <p:column>
                                    <f:facet name="header">Venue</f:facet>         
                                    <h:outputText id="eventVenue" value="#{shows.venue}" />
                                </p:column>
                                
                                <p:column>
                                    <f:facet name="header">Action</f:facet>
                                    <h:commandButton  value="Delete" 
                                                    onclick="if (!confirm('Delete an area for show for Show ##{shows.id}?')) return false"
                                                    action="deleteselectedareashowevent.xhtml?faces-redirect=true"
                                                    >
                                        <f:setPropertyActionListener target="#{stakeholderPerformanceMB.selectedShowId}" value="#{shows.id}" />
                                    </h:commandButton>
                                </p:column>
                            </p:dataTable> 
                      
                  
                    </p:panel>
                    
                    
                </h:form>
                <br/>
                
            </p:layoutUnit>
       </ui:define>
</ui:composition>